<script setup>
import VideoPreview from '@/components/VideoPreview'

const fileInfo = ref({})
const previewVisible = ref(false)
const show = (file) => {
  fileInfo.value = file
  console.log(2222)
  previewVisible.value = true
}

defineExpose({
  show
})
</script>

<template>
  <el-dialog
    v-model="previewVisible"
    width="750"
    :title="fileInfo.fileName"
    destroy-on-close
  >
    <div style="text-align: center">
      <!--        <VideoPreview file-url="https://cesium.com/public/SandcastleSampleData/big-buck-bunny_trailer.mp4" />-->
      <VideoPreview :file-url="fileInfo.fileUrl" />
    </div>
  </el-dialog>
</template>

<style scoped lang="scss">

</style>
